<template>
<div class="home-container">
    <div class="banner" :style="{'background-image':'url('+new3BgImg+')'}">
        <div class="container">
            <div class="header_top">
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <ul class="content-home" id="goodslist">
                <li class="col-sm-4">
                    <a href="jsp/detail.jsp" class="item-link" title="">
                        <div class="bannerBox">
                            <img src="../../static/images/xie.gif" class="item-img" title="" alt="" width="20%" height="20%">
                            <div class="item-html">
                                <h3>AIR<span>jordan</span></h3>
                                <p>result[i].goods_introduce</p>
                                <p class="price text-danger">result[i].goods_price</p>
                                <button>现在购买</button>
                            </div>
                        </div>
                    </a>
                </li>
                <div class="clearfix"></div>
            </ul>
        </div>
        <div class="middle_content" :style="{'background-image':'url('+logo1Img+')'}">
            <div class="container">
                <h2 style="font-size: 69px;font-style: italic; font-weight: 300;text-transform: uppercase;">回顾经典：“那一投”</h2>
                <p style="color: #999; font-size:1.1em;">离比赛结束还剩三秒。
                    在这三秒里，克利夫兰骑士队员要做的就是锁死迈克尔乔丹。他们也相信自己能够做到这一点。
                    按照常理来说，在比赛仅存三秒之际以100-99领先，克利夫兰本该能在1989年的第一轮季后赛中将芝加哥淘汰出局。而实际在常规赛与芝加哥的对决中，克利夫兰六战全胜。但随着这对火药味浓厚的东区宿敌在季后赛第一轮的拼搏愈发激烈，骑士队的统治力开始逐渐瓦解。最终，晋级悬念延续到了第五场天王山之战。

                    5月7日，回到自己的主场，克利夫兰骑士在喧闹的观众面前毫无保留地展现了他们的决心。当然，乔丹的队友们也绝不退缩。在比赛的最后三分钟里，双方交替领先了六次。当克利夫兰以98比99落后时，一记精妙的上篮让他们再次反超。在这一刻，他们似乎胜券在握，而获胜的/本场比赛的英雄也呼之欲出。

                    除了剩下的那短短三秒。</p>
            </div>
        </div>
        <div class="content_middle_bottom">
            <div class="header-left" id="home">
                <section>
                    <ul class="lb-album" id="show" name="show">
                        <li>
                            <a href="#">
                            <img src="'+imgUrl+'" class="img-responsive" alt="image01">
                            <span>'+result[i].type_name+'</span>
                            </a>
                        </li>
                        
                        <div class="clearfix"></div>
                    </ul>
                </section>
            </div>
        </div>
    </div>
</div>
</template>

<script>
import Header from '../components/Header';
import {
    getRequest
} from '../utils/api'
export default {
    name: 'home',
    components:{
        Header
    },
    data() {
        return {
            new3BgImg:require('../../static/images/new3.jpg'),
            logo1Img:require('../../static/images/logo_1.jpg')
        }
    },
    mounted(){
    },
    methods: {
        doLogin(){
            this.$router.replace({
                path: '/login'
            });
        },
        handleCommand(command) {
            var _this = this;
            if (command == 'logout') {
                this.$confirm('退出登录吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function () {
                    getRequest("/logout")
                    _this.currentUserName = '登录';
                    _this.$router.replace({
                        path: '/'
                    });
                }, function () {
                    //取消
                })
            }
        },
    },
}
</script>
